span.btn {
  &.cool-8 {
    .button {
      perspective: 1000px;
      padding: 1em 1em;
      background: linear-gradient(#853916, #6b3019);
      border: none;
      outline: none;
      font-size: 20px;
      text-transform: uppercase;
      letter-spacing: 4px;
      color: #fff!important;
      text-shadow: 0 10px 10px #000;
      cursor: pointer;
      transform: rotateX(70deg) rotateZ(30deg);
      transform-style: preserve-3d;
      transition: transform 0.5s;
    }

    .button::before {
      content: '';
      width: 100%;
      height: 15px;
      background-color: #6b3019;
      position: absolute;
      bottom: 0;
      right: 0;
      transform: rotateX(90deg);
      transform-origin: bottom;
    }

    .button::after {
      content: '';
      width: 15px;
      height: 100%;
      background-color: #853916;
      position: absolute;
      top: 0;
      right: 0;
      transform: rotateY(-90deg);
      transform-origin: right;
    }

    .button:hover {
      transform: rotateX(30deg) rotateZ(0);
    }
  }
}